﻿<MSplitter Style="height: 300px;">
    <ChildContent>
        <MSplitterPane Class="grey lighten-2 d-flex align-center justify-center">
            Left
        </MSplitterPane>
        <MSplitterPane Class="d-flex align-center justify-center">
            <MSplitter Row Style="height: 300px">
                <ChildContent>
                    <MSplitterPane Class="grey lighten-2 d-flex align-center justify-center">
                        Top
                    </MSplitterPane>
                    <MSplitterPane Class="grey lighten-2 d-flex align-center justify-center">
                        Mid
                    </MSplitterPane>
                    <MSplitterPane Class="grey lighten-2 d-flex align-center justify-center">
                        Bottom
                    </MSplitterPane>
                </ChildContent>
                <BarContent>
                    <MIcon Small>mdi-drag-horizontal</MIcon>
                </BarContent>
            </MSplitter>
        </MSplitterPane>
        <MSplitterPane Class="grey lighten-2 d-flex align-center justify-center">
            Right
        </MSplitterPane>
    </ChildContent>
    <BarContent>
        <MIcon Small>mdi-drag-vertical</MIcon>
    </BarContent>
</MSplitter>
